@charset "utf-8";
.visible-xs{
    display: none;
}
@media (max-width: 767px) {
  .visible-xs{
    display: block !important;
  }
}
@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}
@media (min-width:1280px) {
	.hidden-lg {
		display: none!important
	}
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} 
dl,ul,ol,li {list-style:none}
a {color:#222;text-decoration:none}  
a:active, a:hover {text-decoration:none}  
.sjtop{width: 100%;}
.sjtitle{text-align: center;}
.sjtop h2{font-size: 24px; line-height:20px; margin:20px 0 10px;}
.sjtop span{color:#999;font-size:13px; letter-spacing:1px; line-height:;}
.sjnav{width:100%; margin:20px 0 0;}
.sjnav ul li{float: left; padding:15px 0; background: #f66f35;  width: 24.2%; text-align: center; border: 1px #fff solid; font-size:15px;}
.sjnav ul li a{color:#fff;}
.sjproduct {width: 100%; margin: 20px 0;}
.sjproduct h3{font-size:24px; text-align: center; padding: 10px 0;}
.sjproduct h3 a{ color:#222;}
.sjproduct p {font-size:14px; color: #999; text-align: center; padding:0 0 10px;}
.sjproduct_1 img{width: 100%; text-align: center;}
.sjproduct_1 h4 {font-size:20px; margin: 10px; color:#222}
.sjproduct_1 span{font-size: 16px; padding: 10px; color: #333;}
.sjproduct_1 p{text-align: left; margin: 10px; line-height: 35px;font-size: 15px; color: #666;}
.sjproduct_1 .sjmore{border: 1px solid #ccc; border-radius: 30px;  width: 30%; margin:10px; padding: 8px;}
.sjmore a{color:#999; display: block; text-align: center;}
.sjcases,.sjnews,.sjabout{margin: 20px 0; width: 100%; }
.sjcases h3{font-size:24px; text-align: center; padding: 10px 0;}
.sjcases h3 a{ color:#222;}
.sjcases p {font-size:14px; color: #999; text-align: center; padding:0 0 10px;}
.sjcases li a{ width: 43%; float: left; padding: 5px; border: 1px solid #ccc; margin: 5px;}
.sjcases li img{ width: 100%; display: block; text-align: center;}
.sjcases li span {font-size:16px; color: #222; display: block; text-align: center; padding: 10px 0;}
.sjnews h3{font-size:24px; text-align: center; padding: 10px 0;}
.sjnews h3 a{ color:#222;}
.sjnews p {font-size:14px; color: #999; text-align: center; padding:0 0 10px;}
.sjnews li{ padding: 10px; border-bottom: 1px solid #ccc;}
.sjnews li span{text-align: left; color: #999; font-size: 14px; padding: 5px 0;}
.sjnews li h4{font-size: 18px;  padding: 10px 0;}
.sjnews li p{text-align: left; color: #666; line-height: 30px; padding: 10px 0;}
.sjabout h3{font-size:24px; text-align: center; padding: 10px 0;}
.sjabout h3 a{ color:#222;}
.sjabout_1 img{ width: 100%; text-align: center; display: block; margin: 10px 0;}
.sjabout_1 p{ text-align:left;font-size: 15px; color: #666; line-height: 35px;}
.sjabout_1 .sjaboutmore{border: 1px solid #ccc; border-radius: 30px;   margin:10px; padding: 8px; display: block; text-align: center;}
.sjabout p {font-size:14px; color: #999; text-align: center; padding:0 0 10px;}
.sjfoot{background: #111111; width: 100%; display: block; padding:20px; color: #fff; margin-top:20px ;} 
.sjfoot h3{font-size: 20px;  padding: 20px 0;}
.sjfoot p{font-size: 16px; padding: 10px 0;}